*{
    margin:0;
    padding:0;
}
html{
    height:100%;
    width:100%;
}
li{
    list-style: none;
}
body{
    background: #fff7db  url(../img/demo.jpg) no-repeat center;
    height:100%;
    overflow: hidden;
    perspective: 800px;
}
#main{
    width: 0px;
    height:0px;
    position: absolute;
    top:50%;
    left:50%;
    transform-style: preserve-3d;
}
#main li{
    width:120px;
    height: 160px;
    background: rgba(0,127,127,0.5);
    border:1px solid rgba(127,255,255,0.25);
    box-shadow:0 0 12px rgba(0,255,255,0.5);
    cursor: pointer;
    position: absolute;
    left:-80px;
   /* transform:translate(0px,0px);*/
}
#main li:hover{
    border:1px solid rgba(127,255,255,0.75);
    box-shadow:0 0 12px rgba(0,255,255,0.75);
}
/*
transform-style:preserve-3d;
perspective:800px;*/
